:local(.container) {
  height: 100%;
  /* The grid prop is a workaround to fix
     * horizontal scrolling for safari */
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}

:local(.scrollContainer) {
  overflow: auto;
  grid-row: 1;
  grid-column: 1;
}

@media print {
  table.messages {
    font-size: 1rem !important; /* theme.fonts.size.body */
    min-width: 50%;
    padding-left: 0;
  }

  table.messages th {
    font-weight: bold !important;
    font-size: inherit !important;
  }

  table.messages th,
  table.messages td {
    border: 1px #ccc solid !important;
    left: 0;
    padding: 5px;
    position: static;
  }
}
